<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<!-- Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- Page Title -->
<title>Simple jQuery Image Slideshow / Cycle</title>

<!-- CSS -->
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen">

<!-- Scripts -->
<script src="scripts/jquery-1.3.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8" src="scripts/jquery.easing.js"></script>
<script type="text/javascript" charset="utf-8" src="scripts/jquery.slideshow.js"></script>

<script type="text/javascript" charset="utf-8">
    
    $(document).ready(function(){
        
        var options = {
            crossFadeTime: 1000,
            displayTime: 5000
        };
                
         $('#banner').slideshow(options);
    
    });
    
</script>

</head>
<body>

<div id="banner">

    <div id="images">
        <img src="images/image1.jpeg" alt="image1">
        <div class="desc">
            <h4>This is Image One</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>
        <img src="images/image2.jpeg" alt="image2">
        <div class="desc">
            <h4>This is Image Two</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>
        <img src="images/image3.jpeg" alt="image3">
        <div class="desc">
            <h4>This is Image Three</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>
        <img src="images/image4.jpeg" alt="image4">
        <div class="desc">
            <h4>This is Image Four</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>
    </div>
    
</div>
    
</body>